<template>
  <div class="app">
    <h1>app---{{ msg }}</h1>
    <!-- <Child
      :msg="msg"
      @update="changeMsg"

    ></Child> -->

    <!-- <Child
      :msg="msg"
      @update:msg="(data) => (msg = data)"
    ></Child> -->

    <Child v-model:msg="msg"></Child>
  </div>
</template>
<script>
import Child from './Child.vue'
export default {
  components: {
    Child,
  },
  data() {
    return {
      msg: '父组件的数据',
    }
  },
  methods: {
    // changeMsg() {
    //   this.msg = '更新了'
    // },
  },
}
</script>
<style
  lang="scss"
  scoped
></style>
